/*头部样式*/
#hd-wrapper{
    width: 100%;
    height:30px;
    background:#f8f8f8;
}
#hd-wrapper .header{
    width: 1180px;
    height: 30px;
    background:#f8f8f8;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    color:#788a8a;
    font-size:12px;
    border-right:1px solid #e3e3e3;
    border-left:2px solid #f5f5f5;
}
.header #site{
    width: 120px;
    height:30px;
    text-align:center;
    line-height:30px;
}
/*.header div:hover{*/
    /*cursor:pointer;*/
    /*color:#03bbf4;*/
/*}*/
.header div span{
    margin:0 18px 0 10px;
}
.header ul{
     height:30px;

    display:flex;
    align-items:center;

}
.header ul{


}
.header ul li{
    width:88px;
    height: 30px;
    display:flex;
    align-items:center;




}
.header ul li:nth-child(5) a{
    border-right:none;
}
.header ul li  a{
    color:#666;
    display:block;
    width: 100%;
    height: 18px;
    text-align:center;

    border-right:1px solid #e3e3e3;
}
.header ul li  a:hover{
    color:#01bbf4;
}
.header ul li:nth-child(1) {
    width:65px;
    border-left:none;
}
.header ul li:nth-child(5) {
    width: 135px;
    border-right:none;
}
.header ul li:nth-child(4) span{

    margin:0 7px 0 5px;
}
.header ul li:nth-child(5) span{

    margin:0 18px 0 13px;
}
.header>ul>li>a:hover{
    /*color:#03bbf4;*/
}
.header ul li:nth-child(5){
    position:relative;


}
.header ul li:nth-child(5) #erweima{
    position:absolute;
    left:-1px;
    top:30px;
    display:none;
    width: 148px;
    height: 148px;
    border:1px solid #e3e3e3;
    border-top:none;
    background:#fff;
    z-index:1000;
}
.header ul li:nth-child(5) #erweima>img{
    margin-left:28px;
    margin-top:20px;

}
.header ul li:nth-child(5) #erweima>h4{
    width: 98px;
    height: 15px;
    font-size:12px;
    color:#c1c1b7;
    margin-left:28px;

}
/*logo nav*/
.span_dot{
    background:orange;
}
#nav-wrapper{
    width: 100%;
    height: 110px;
    background:#fff;
}
#nav-wrapper .nav{
    width: 1180px;
    height: 110px;
    background: #fff;
    margin:0 auto;
}
.nav .logo{
    width: 222px;
    height: 70px;

    background-size:187px 38px;
}
.nav .logo a{
    margin-left: 20px;
    margin-top:17px;
    display: block;
    width: 187px;
    height: 38px;
    background:url(../images/lx_logo.png) no-repeat;
    background-size:187px 38px;
    text-indent: -900px;
}
.nav .bottom{
    width:100%;
    height:40px;
    position:relative;

}
/*导航栏*/
.bottom>ul{
    float:left;
    margin-left:10px;

}
.bottom>ul li {
    float:left;
    width: 104px;

    height:40px;
}
.bottom>ul li:hover{
    background:#21d4fb;
}
.bottom>ul li a{
    cursor:pointer;
    display:block;
    width: 100%;
    height:40px;
    text-align:center;
    line-height:40px;
    color:#6a5555;
}
.bottom .call{
    float:right;
    font-weight:900;
    font-size:16px;
    color:#02bbf4;
}
.bottom .call i{
    font-size:16px;
}

.bottom div.all_classify{

    width: 222px;
    height: 40px;
    background:#01bbf4;
    float:left;
    position:relative;
}
div.all_classify>a{
    display:block;
    width: 222px;
    height: 40px;
    font-weight:500;
    text-align:center;
    line-height:40px;
    font-size:16px;
    color:#fff;
}
#classify i{
    font-size:21px;
}
#catalog{
    position:absolute;
    left:0;
    top:40px;
    width: 222px;
    height: 440px;
    background:rgba(0,0,0,0.3);
    z-index:5;
}
#catalog>ul{ position:relative;}
#catalog>ul>li{
    width: 222px;

}
/*竖直菜单*/
#catalog>ul>li:nth-child(1){
    height: 86px;
    border-bottom:2px solid #e3e3e3;
}
#catalog>ul>li:nth-child(2){
    height: 86px;
    border-bottom:2px solid #e3e3e3;
}
#catalog>ul>li:nth-child(3){
    height: 86px;
    border-bottom:2px solid #e3e3e3;
}#catalog>ul>li:nth-child(4){
     height: 86px;
     border-bottom:2px solid #e3e3e3;
 }
#catalog>ul>li:nth-child(5){
    height: 88px;
}

#catalog>ul>li>.inner{
    width: 222px;
    height:100%;
}
/*分类*/
#catalog>ul>li>.inner{
    display:flex;
    justify-content: space-around;
    align-items:center;
}
#catalog>ul li .inner i{
    display:block;
    float:left;
    font-size:27px;
    color:#fff;
}
#catalog>ul li .inner p{
    width: 145px;
    height: 42px;
    color:#fff;
}
#catalog>ul li .inner p span:nth-child(1){
    display:block;
    font-size:12px;
}
#catalog>ul li .inner p span:nth-child(2){
    font-size:10px;
}
#catalog>ul {
    position:relative;
}

#catalog>ul>li>.inner:hover {
    background:#FFF;
    color:#000;
    box-sizing:border-box;;
    border-top:1px solid #01bbf4;
    border-bottom:1px solid #01bbf4;
    border-left:1px solid #01bbf4;
}
#catalog>ul>li .inner:hover p
{
    color:#000;
}
#catalog>ul>li .inner:hover i{
    color:#01bbf4;
}



/*脚注*/
#advantage-wrapper{
    width: 100%;
    height: 130px;
    background:#f8f8f8;
}
#advantage-wrapper .advant{
    width: 1180px;
    height: 130px;
    margin:0 auto;
    background:#f8f8f8;
    display:flex;
    justify-content: space-around;
    align-items:center;
}
.advant .ad1{
    width: 170px;
    height: 60px;
}
.advant .ad1 i{
    display:block;
    width: 60px;
    height: 60px;
    color:#01bbf4;
    font-size:55px;
    text-align:center;
    line-height:60px;
    padding:0;
    margin:0;
    float:left;
}
.advant .ad1 p{
    width: 100px;
    height: 58px;
    float:right;
}
.advant .ad1 p span:nth-child(1){
    display:block;
    font-size:16px;
    height: 22px;
    line-height:22px;
    margin-top:8px;
}
.advant .ad1 p span:nth-child(2){
    display:block;
    font-size:12px;
    height: 22px;
    line-height:22px;
    margin-top:6px;
}
#friendlink-wrapper{
    width: 100%;
    height: 250px;
    background:#fff;
}
#friendlink-wrapper .friendlink{
    width: 1180px;
    height: 250px;
    margin:0 auto;
    bacgkround:#fff;
    overflow:hidden;
}
.friendlink .fl-left{
    width: 465px;
    height: 250px;
    margin-top:48px;
    margin-left:75px;
    display:flex;
    justify-content: space-between;
    float:left;

}
.fl-left h5{
    font-size:14px;
    margin-bottom:24px
}

.fl-left ul li{
    margin-bottom:20px;
}

.fl-left ul li a{
    font-size:12px;
    color:#9999a2;
}
#middle{
    display:block;
    float:left;
    margin-top:60px;
    height:120px;
    width: 2px;
    background:#dfdfdf;
    margin:auto 80px;margin-top:60px;
}
.fl-right{
    float:left;
    width: 430px;
    height: 250px;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.fl-right div:nth-child(1){
    background:url("../images/weixin_fenx.jpg");
    background-size:cover;
    width: 110px;
    height: 110px;
}
.fl-right div:nth-child(2){
    width: 75px;
    height: 50px;
    font-size:12px;
}
.fl-right div:nth-child(3){
    width: 185px;
    height: 150px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.fl-right div:nth-child(3) button{
    border: 1px solid #007bc7;
    height: 22px;
    width: 140px;
    border-radius:2px;
    background:#fff;
    color:#007bc7;
}
.fl-right>div:nth-child(3)>.callone{
    font-size:14px;
    font-weight:900;
    color:#007bc7;
}
.fl-right div:nth-child(3) button i{
    margin-right:6px;
}
#footer-wrapper{
    width: 100%;
    height: 65px;
    background:#fff;
}
#footer-wrapper .footer{
    width: 1180px;
    height: 65px;
    margin:0 auto;
}
.footer{
    display:flex;
    justify-content: center;
    align-items:center;
}
.footer p{
    color:#dcc5b5;
    font-size:12px
}
body{
    position:relative;
}
#fixRight{
    width: 70px;
    /*min-height: 136px;*/
    /*height:208px;*/
    position:fixed;
    bottom:150px;
    right:0px;
    z-index:1000;
    background:#fff;
}
#fixRight li{
    width: 68px;
    height: 68px;
    border-left:1px solid #ccc;
}
#fixRight li:hover{
    background:#f0f0f0;
}
#fixRight li:hover span{
    color:#34c1c5;
}
#fixRight li i{
    display:block;
    width: 100%;
    height: 46px;
    line-height:46px;
    font-size:30px;
    text-align:center;
    color:#909090;
}
#fixRight li span{
    display:block;
    width: 100%;
    height: 20px;
    text-align:center;
    line-height:20px;
    font-size:12px;
    color:#909090;
}
#fixRight li span a{
    color:#909090;
    text-align:center;
}
#fixRight li:nth-child(1){
    border-top:1px solid #ccc;
}
#fixRight li:nth-child(2){
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    position:relative;
}
#fixRight li:nth-child(3){

    border-bottom:1px solid #ccc;
    display:none;
}
#fixRight li:nth-child(2) .number{
    display:block;
    width: 22px;
    height: 15px;
    border-radius:5px;
    background:#fd5a66;
    position:absolute;
    line-height:15px;
    text-align:center;
    color:#fff;
    left:45px;
    top:5px;
}
.cart_num{
    font-weight:900;
    color:#f0ad4e;
}


